<!-- 硬编码 mock 数据
  <ag-grid-angular
    style="width: 500px; height: 500px;"
    class="ag-theme-alpine"
    [rowData]="rowData"
    [columnDefs]="columnDefs"
>
</ag-grid-angular> -->

<!-- 获取远程数据 -->
<!-- <ag-grid-angular
    style="width: 500px; height: 500px;"
    class="ag-theme-alpine"
    [rowData]="rowData | async"
    [columnDefs]="columnDefs"
>
</ag-grid-angular> -->

<button (click)="sizeToFit()">Size to Fit</button>
<button (click)="autoSizeAll(false)">Auto-Size All</button>
<button (click)="autoSizeAll(true)">Auto-Size All (Skip Header)</button>


<!-- 获取远程数据+多选 -->
<button (click)="getSelectedRows()">Get Selected Rows</button>
<ag-grid-angular #agGrid id="myGrid"
    style="width: 500px; height: 500px;"
    class="ag-theme-alpine"
    [rowData]="rowData"
    [columnDefs]="columnDefs"
    [defaultColDef]="defaultColDef"
    rowSelection="multiple"
    (gridReady)="onGridReady($event)"
>
</ag-grid-angular>